<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../../lib/reset.css">
    <link rel="stylesheet" href="../../lib/com-base.css">
    <link rel="stylesheet" href="com-select.css">
    <script src="../../lib/jquery.js"></script>
    <script src="com-select.js"></script>
</head>
<body>

    <div class="demo clearfix">

        <section class="com-select">
            <label class="sel-item">
                <input class="sel-head" value="" readonly placeholder="请选择"/>
                <input type="hidden" value="">
            </label>
            <ul class="sel-content">
                <li data-val="1" class="sel-list">fsdfffffffffff</li>
                <li data-val="2" class="sel-list">fds</li>
                <li data-val="3" class="sel-list">f</li>
            </ul>
        </section>

        <section class="com-select mt10">
            <label class="sel-item">
                <input class="sel-head" value="" readonly placeholder="请选择"/>
                <input type="hidden" value="">
            </label>
            <ul class="sel-content">
                <li data-val="1" class="sel-list">78978</li>
                <li data-val="2" class="sel-list">ffsdf7841211e</li>
                <li data-val="3" class="sel-list">mike</li>
            </ul>
        </section>

    </div>


    <script>

        var arr = [
            {
                id:1,
                text:'苹果'
            },
            {
                id:2,
                text:'橘子'
            }
        ];


        $('.com-select').comSelect({init:false});
    </script>
</body>
</html>